<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400italic,700,700italic,400' rel='stylesheet' type='text/css'/>
    	<link rel="StyleSheet" type="text/css" href="style.css" media="screen" />
		<script type="text/javascript" src="js/jquery-1.8.2.min.js">
		</script>
		<script type="text/javascript" src="js/jquery.bgpos.js"></script>
		<script type="text/javascript" src="js/MainMenu.js"></script>
		<link rel="StyleSheet" type="text/css" href="MenuStyle.css" media="screen" />
    	<title> TITLE </title> 
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
		<link rel="icon" href="favicon.gif" type="image/gif">
    </head>
	
	<body>
		<div id="header">
			<h1> Premier </h1>
			<h1> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;products </h1>
		</div>
		<div id="content">
			<div id="main">
				<div class="info">
					<h2 class="topHeader">
						Premier news
					</h2>
                    <p> 
                    	We've added a brand new feature! A featured piece of art is now shown on our home page!                        
                    </p>
                    <cfquery name="getFeatured" datasource="fit1012" username="fit1012" password="fit1012">
                      	select * from PP_PARTS order by rand() limit 1
                    </cfquery>
                    
                    <cfoutput>
                    <h2>
						Today's Featured Painting: #GetFeatured.PART_DESCRIPTION#
					</h2>
                    </cfoutput>
                    
                    <a href="productPage.cfm?product_id=<cfoutput>#GetFeatured.PART_NUMBER#</cfoutput>" title="<cfoutput>#GetFeatured.PART_DESCRIPTION#</cfoutput> by <cfoutput>#GetFeatured.ITEM_CLASS#</cfoutput>" >
					<img src="images/thumbnails/<cfoutput>#GetFeatured.PART_DESCRIPTION#</cfoutput>_s.jpg" alt="<cfoutput>#GetFeatured.PART_DESCRIPTION#</cfoutput>"/></a>
					<p> 
                    	By an artist who goes by the pseudonym <cfoutput>#GetFeatured.ITEM_CLASS#</cfoutput>  
                    </p>
                    <p>
                    	With price set at $<cfoutput>#GetFeatured.UNIT_PRICE#</cfoutput>
                    </p>
                </div>
			</div>
			<div id="navigation">
				<ul>
					<li class="blue"> 
						<a href = "index.cfm"> Home 	</a>
						<p class="subtext">The front page</p>
					</li>
					<li class="red">
						<a href = "catalogue.cfm"> Catalogue	</a>
						<p class="subtext">Our products</p>
					</li>
                    <li class="green">
						<a href = "about.cfm"> About	</a>
						<p class="subtext">All about us</p>
					</li>
                </ul>
			</div>
		</div>
		<div id="footer">
			<p> 2012 &copy; Yati &amp; Nick </p>
		</div>
	</body>
</html>